/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:getmusicid
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/
var app = new Vue({
  el: "#player",
  data: {
    //查询关键词
    keywords: "",
    //歌曲数组
    musicList: [],
    //动画播放
    isPlaying: false,
    //是否显示
    isShow: false,
    //歌曲地址
    musicUrl: "",
    //歌曲封面
    musicCover:"",
    //热门评论
    hotComments:[],
    // mv地址
    mvUrl: ""


  },
  methods: {
    //歌曲搜索
    searchMusic: function () {
      let _this = this
      axios.get("https://autumnfish.cn/search?keywords=" + this.keywords).then(function (response) {
        _this.musicList = response.data.result.songs
        console.log(response)
        //console.log(response.data.result.songs)
        //console.log(response.data.result.songs[0].album.artist.img1v1Url)
        _this.musicCover=response.data.result.songs[0].album.artist.img1v1Url
      }, function (err) { })
    },
    //歌曲播放
    playMusic: function (musicid) {
      let _this = this
      console.log(musicid)
      /* axios.get("https://autumnfish.cn/song/url?id="+musicid).then(function(response){
        console.log(response)
      },function(err){}) */
      this.musicUrl = "http://music.163.com/song/media/outer/url?id=" + musicid + ".mp3"
      //歌曲热门评论获得
      axios.get("https://autumnfish.cn/comment/hot?type=0&id="+musicid).then(function(response){
        console.log(response)
        _this.hotComments=response.data.hotComments
      },function(err){})

    },


    play: function () {
      this.isPlaying = true
    },
    pause: function () {
      this.isPlaying = false
    },
    playMv: function (mvid) {
        let _this=this
        axios.get("https://autumnfish.cn/mv/url?id="+mvid).then(function(response){
        console.log(response)
        _this.mvUrl=response.data.url
      },function(err){})
    },
    //隐藏
    hide: function () {
      this.isShow = false;
    }
  }
});
